<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色和背景</title>
    <style>
        h1 {
            /*color: blue;*/
            /*值：0~255*/
            /*color: rgb(100,15,90);*/
            /*a:透明度 取值0-1*/
            /*color: rgba(100,15,90,0.4);*/
            /*16进制赋值*/
            /*color: #99FF00;*/
            /*16进制简写*/
            color: #9F0;
        }
        #d1{
            width: 800px;
            height: 400px;
            background-color: #cccccc;
            /*设置背景图片*/
            background-image: url("https://pic3.zhimg.com/v2-c5aa9183e17f4343643f720386037476_b.jpg");
            /*设置背景图片大小：宽 高*/
            background-size: 300px 200px;
            /*设置禁止重复*/
            background-repeat: no-repeat;
            /*设置图片位置 百分比 横向 纵向*/
            background-position: 80% 60%;

          }
    </style>
</head>
<body>
<h1>颜色测试</h1>
<div id="d1"></div>
</body>
</html>